$ThemeColor: #FFF; 
$ThemeBackColor:#dadada;// "theme red"
$BgColor: rgb(228, 228, 228); // backgroud shadow color

.class_container {
  height: 100%; // Considering of StatusBar, depend on parent Layout
  width: 100%;

  .class_sider {
    background-color: #FFF;
    
    .class_sider_layout {
      height: 100%;
      .class_sider_content {
        height: 100%;
        overflow: scroll;
        scroll-behavior: smooth;
        
        // Item Block in Sider
        .class_item{
          height: 72px;
          font-size: 22px;
          border-bottom: 1px solid $BgColor;
        }

        .class_item_active {
          @extend .class_item;
          color: $ThemeColor;
          background: $ThemeBackColor
        }
      }
      .class_icon {
        
        width: 100%;
        z-index: 1000;
        position: relative;
        background-image: url('../../images/shadow2.png');
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .class_breadcrumb_wrapper {
    // background-color: #FFF;
    background-image: url('../../images/shadow2.png');
    .class_breadcrumb_inner {
      height: 100%;
      span {
        font-size: 18px;
      }
      .shoppingCart{
        background: url('../../images/shoppingCart.png')
      }
     
    }
  }

  .class_content {
    background-color: $BgColor;
    overflow: scroll;
  }
}

.class_dev_tips {
  width: 100%;
  height: 100%;
  color: #999;
  font-size: 48px;
}
.shoppingIcon{
  background-image: url('../../images/shoppingCart.png')
}